<style lang="scss">
	.equity-introduce-header {
		margin: 32rpx 30rpx 0 30rpx;
		border-radius: 20rpx 20rpx 0 0;
		background-color: #E2D5B0;
	}

	.equity-introduce-header-body {
		display: flex;
		padding: 62rpx 29rpx 52rpx 0;
		justify-content: space-between;
	}

	.equity-introduce-header-body-left {
		padding-left: 40rpx;
	}

	.equity-introduce-header-title {
		$h: 40rpx;
		height: $h;
		line-height: $h;
		font-size: $h;
		font-weight: bold;
		color: #968A66;
	}

	.equity-introduce-header-desc {
		$h: 24rpx;
		height: $h;
		line-height: $h;
		font-size: $h;
		line-height: 36rpx;
		color: #968A66;
		margin-top: 17rpx;
	}

	.equity-introduce-header-switch {
		color: #968A66;
		font-size: 28rpx;
		display: flex;
		align-items: center;
	}

	.equity-introduce-header-switch-arrow {
		width: 12rpx;
		height: 19rpx;
		background-image: url("~@/static/equity-introduce/header-switch-arrow.png");
		background-size: 100%;
		margin-left: 11rpx;
	}

	.equity-introduce-header-footer {
		background-color: #D6C38B;
		font-size: 24rpx;
		color: #FFFFFF;
		padding: 9rpx 0 12rpx 0;
		text-align: center;
	}
</style>
<template>
	<view class="equity-introduce-header">

		<view class="equity-introduce-header-body">

			<view class="equity-introduce-header-body-left">
				<!-- 标题 -->
				<view class="equity-introduce-header-title">UME无限观影年卡</view>

				<!-- 描述 -->
				<view class="equity-introduce-header-desc">开通权益全年0元畅享600+院线电影</view>
			</view>

			<!-- 切换 -->
			<view class="equity-introduce-header-switch">
				<view>切换影院品牌</view>

				<view class="equity-introduce-header-switch-arrow"></view>
			</view>

		</view>

		<!-- 底部描述 -->
		<view class="equity-introduce-header-footer ellipsis">不限情侣厅、IMAX厅、4D厅、VIP厅</view>

	</view>
</template>

<script>
export default {

}
</script>